<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Demo3</title>
    <link rel="stylesheet" href="./Demo3.css">
</head>
<body>
    <div class="type" id="size">内容1</div>
    <div class="color" id="thick">内容2</div>
    <div class="style" id="decoration">
        <p id="one">内容3</p>
        <p id="two">内容3</p>
        <p id="three">内容3</p>
        <a href="#">内容3</a>
    </div>
    <div class="align" id="indent">
        <h1>居中</h1>
        <h2>靠左</h2>
        <h3>靠右</h3>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Incidunt illum veniam aspernatur velit sunt sequi explicabo? Doloribus quaerat dicta repudiandae, voluptas, tempore sint quis cupiditate consequatur velit, nihil voluptatem corrupti.</p>
    </div>
    <div id="first"></div>
    <div id="second"></div>
    <div id="third"></div>
    <a href="#">链接1</a>
    <a href="#">链接2</a>
    <div id="elastic">
        <span>内容</span>
        <span>内容</span>
        <span>内容</span>
    </div>
</body>
</html>